@import "common"
body
  font-family Microsoft YaHei
  padding-top 98px
.wrap
  width 1200px
  margin 0 auto
.clear
  clear both
@keyframes zixun
  0%
    -webkit-transform: translateY(0)
    -moz-transform: translateY(0)
    -ms-transform: translateY(0)
    -o-transform: translateY(0)
    transform: translateY(0)
  25%
    -webkit-transform: translateY(-10px)
    -moz-transform: translateY(-10px)
    -ms-transform: translateY(-10px)
    -o-transform: translateY(-10px)
    transform: translateY(-10px)
  50%
    -webkit-transform: translateY(0)
    -moz-transform: translateY(0)
    -ms-transform: translateY(0)
    -o-transform: translateY(0)
    transform: translateY(0)
  75%
    -webkit-transform: translateY(-10px)
    -moz-transform: translateY(-10px)
    -ms-transform: translateY(-10px)
    -o-transform: translateY(-10px)
    transform: translateY(-10px)
  100%
    -webkit-transform: translateY(0)
    -moz-transform: translateY(0)
    -ms-transform: translateY(0)
    -o-transform: translateY(0)
    transform: translateY(0)
.banner
  img
    display block
    width 100%
.c-header
  width 100%
  height 98px
  background-color #ffffff
  position fixed
  top 0
  left 0
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .1)
  -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, .1)    
  box-shadow: 0 4px 10px rgba(0, 0, 0, .1)
  z-index 8
  .wrap
    height 98px
    position relative
  form
    position absolute
    top 39px
    overflow hidden
    left 1046px
    input[type='text']
      width 29px
      height 29px
      -webkit-border-radius: 24.5px
      -moz-border-radius: 24.5px
      border-radius: 24.5px
      border 1px solid #dcdcdc
      background none
      position relative
      z-index 2
      -webkit-transition: all .6s
      -moz-transition: all .6s
      -ms-transition: all .6s
      -o-transition: all .6s
      transition: all .6s
    .submit
      position absolute
      width 24px
      height 24px
      background url("../images/submit_03.png") center no-repeat
      background-size cover
      top 2.5px
      left 2.5px
      overflow hidden
      -webkit-border-radius: 50%
      -moz-border-radius: 50%
      border-radius: 50%
    input[type='submit']
      display block
      width 100%
      height 100%
      opacity 0
  .formfocuse
    input[type='text']
      width 154px
      padding 0 10px 0 30px
      z-index 1
      background-color #ffffff
    .submit
      z-index 2
  a
    display block
  .logo
    float left
    margin-top 34px
    margin-right 234px
    img
      display block
  .handle
    float right
  .logined
    display none
    float right
    color #1fa5eb
    margin-top 48px
    font-size 12px
    a
      display inline
      color #ee3737
      margin-left 10px
  .login
    float left
    font-size 12px
    color #666666
    margin-top 48px
    position relative
    &:after
      content '|'
      font-size 14px
      color #eeeeee
      position absolute
      top -1px
      right -11px
  .register
    float left
    font-size 12px
    margin-left 20px
    color #666666
    margin-top 48px
  .nav
    float left
    font-size 16px
    color #666666
    .icon
      width 9px
      height 5px
      background url("../images/h-jiantou-1_03.png") center no-repeat
      background-size cover
      position absolute
      right 7px
      top 53px
    .icon2
      background url("../images/h-jiantou2_03.png") center no-repeat
      background-size cover
    .firstnav
      float left
      cursor pointer
      position relative
      font-size 16px
      color #666666
      padding 0 24px
      height 81px
      padding-top 47px
      z-index 2
      margin 0 6.5px
      &:hover
        background-color #fd7400
        color #ffffff
        &:before,&:after
          display block
        .icon
          background url("../images/h-jiantou2_03.png") center no-repeat
          background-size cover
      &:before
        content ''
        display block
        width 100%
        height 100%
        position absolute
        top 0
        left 0
        background-color #fd7400
        z-index -1
        display none
      &:after
        content ''
        display block
        width 22px
        height 2px
        background-color #ffffff
        position absolute
        left 50%
        -webkit-transform: translateX(-50%)
        -moz-transform: translateX(-50%)
        -ms-transform: translateX(-50%)
        -o-transform: translateX(-50%)
        transform: translateX(-50%)
        top 29px
        z-index -1
        display none
    .ac
      background-color #fd7400
      color #ffffff
      &:after,&:before
        display block
    .secondnav
      position absolute
      left 0
      text-align center
      width 100%
      top 81px
      padding 10px 0
      -webkit-border-radius: 4px
      -moz-border-radius: 4px
      border-radius: 4px
      background-color #ffffff
      -webkit-box-shadow: 0 2px 8px 1px rgba(0,0,0,.3)
      -moz-box-shadow: 0 2px 8px 1px rgba(0,0,0,.3)
      box-shadow: 0 2px 8px 1px rgba(0,0,0,.3)
      display none
      a
        line-height 40px
        font-size 16px
        color #666666
        &:hover
          color #ffffff
          background-color #fd7400
      .ac
        color #ffffff
.c-top
  width 100%
  height 100px
  background url("../images/footer-top_06.jpg") center no-repeat
  background-size cover
  .wrap
    height 100px
    line-height 100px
    text-align center
  .words
    font-size 20px
    color #ffffff
  .btn
    display inline-block
    width 142px
    height 40px
    background url("../images/zixun_03.png") center no-repeat
    background-size cover
    margin-left 132px
    vertical-align middle
    -webkit-animation zixun 3s ease-in-out infinite
    animation zixun 3s ease-in-out infinite

.c-footer
  .bottom
    width 100%
    background url("../images/footer-bottom-bg_08.jpg") center no-repeat
    background-size cover
    overflow hidden
    .head
      overflow hidden
      padding-bottom 40px
      border-bottom 1px solid #222222
      .left
        float left
        margin-top 122px
        margin-right 104px
      .middle
        float left
        margin-top 94px
        h3
          font-size 16px
          color #b5b5b5
        p
          font-size 13px
          color #6f6f6f
          margin 19px 0 30px
        .tel
          height 30px
          line-height 30px
          padding-left 41px
          font-size 21px
          position relative
          color #ffffff
          &:before
            content ''
            display block
            width 30px
            height 30px
            background url("../images/tel_03.png") center no-repeat
            background-size cover
            position absolute
            left 0
            top 0
      .right
        float right
        margin-top 84px
    .main
      height 56px
      border-top 1px solid rgba(255,255,255,.13)
      line-height 55px
      .left
        float left
        font-size 12px
        color #787878
      .right
        float right
        margin-top 10px
        .icon
          width 30px
          height 30px
          overflow hidden
          -webkit-border-radius: 50%
          -moz-border-radius: 50%
          border-radius: 50%
          -webkit-transition: all .3s
          -moz-transition: all .3s
          -ms-transition: all .3s
          -o-transition: all .3s
          transition: all .3s
          background url("../images/share.png")
        .qq,.wx,.wb
          float left
          margin-left 13px
          position relative
          &:hover
            .hide
              display block
        .hide
          width 160px
          line-height 30px
          text-align center
          padding 4px 0
          background-color #ffffff
          -webkit-box-shadow: 0 0 8px 1px rgba(255,255,255,.4)
          -moz-box-shadow: 0 0 8px 1px rgba(255,255,255,.4)
          box-shadow: 0 0 8px 1px rgba(255,255,255,.4)
          font-size 14px
          color #333333
          position absolute
          left 50%
          -webkit-transform: translateX(-50%)
          -moz-transform: translateX(-50%)
          -ms-transform: translateX(-50%)
          -o-transform: translateX(-50%)
          transform: translateX(-50%)
          top -64px
          display none
          -webkit-border-radius: 4px
          -moz-border-radius: 4px
          border-radius: 4px
        .qq
          &:hover
            .icon
              background-position: 0px -30px
          .icon
            background-position: 0px 0px
        .wx
          &:hover
            .icon
              background-position: -30px -30px
          .icon
            background-position: -30px 0px
        .wb
          &:hover
            .icon
              background-position: -60px -30px
          .icon
            background-position: -60px 0px



.index
  .banner
    width 100%
    overflow hidden
    position relative
    .slides
      width 1000%
      float left
      position relative
      left 0
    .slide
      float left
      img
        display block
        width 100%
    .leftbtn,.rightbtn
      width 65px
      height 65px
      cursor pointer
      position absolute
      top 50%
      -webkit-transform: translateY(-50%)
      -moz-transform: translateY(-50%)
      -ms-transform: translateY(-50%)
      -o-transform: translateY(-50%)
      transform: translateY(-50%)
      z-index 3
    .leftbtn
      background url("../images/banner-btn_03.png") center no-repeat
      background-size cover
      left 65px
      display none
    .rightbtn
      background url("../images/banner-btn_05.png") center no-repeat
      background-size cover
      right 65px
    dl
      width 100%
      text-align center
      position absolute
      bottom 30px
      z-index 3
      font-size 0
    dt
      display inline-block
      width 10px
      height 10px
      -webkit-border-radius: 50%
      -moz-border-radius: 50%
      border-radius: 50%
      border 1px solid #ffffff
      margin 0 4px
    dt.ac
      background-color #ffffff
  .title
    overflow hidden
    .left
      float left
      font-size 30px
      color #020202
      position relative
      padding-left 22px
      &:before
        content ''
        display block
        width 3px
        height 25px
        background-color #f9a870
        position absolute
        left 2px
        top 50%
        -webkit-transform: translateY(-50%)
        -moz-transform: translateY(-50%)
        -ms-transform: translateY(-50%)
        -o-transform: translateY(-50%)
        transform: translateY(-50%)
      span
        font-size 18px
        color #666666
        margin-left 23px
    .right
      float right
      margin-top 5px
      a
        color #666666
      li
        float left
        font-size 16px
        color #666666
        margin 0 17px
        padding-bottom 8px
        border-bottom 2px solid transparent
        position relative
        &:after
          content ''
          display block
          width 31px
          height 2px
          background-color #fd7400
          position absolute
          bottom 0
          left 50%
          -webkit-transform: translateX(-50%)
          -moz-transform: translateX(-50%)
          -ms-transform: translateX(-50%)
          -o-transform: translateX(-50%)
          transform: translateX(-50%)
          display none
      .ac
        color #fd7400
        &:after
          display block
  .section1
    overflow hidden
    height 211px
    width 100%
    border-bottom 1px solid #f1f1f1
    .wrap
      text-align center
      margin-top 47px
    li
      display inline-block
      font-size 0
      margin 0 61px
      &:hover
        .icon1
          background-position 0 -72px
        .icon2
          background-position 0 -216px
        .icon3
          background-position 0 -360px
        .icon4
          background-position 0 -504px
    .icon
      width 72px
      height 72px
      margin 0 auto
      background url("../images/index-section1.png")
    .icon1
      background-position 0 0
    .icon2
      background-position 0 -144px
    .icon3
      background-position 0 -288px
    .icon4
      background-position 0 -432px
    h3
      text-align center
      font-size 16px
      margin 20px 0 16px
      color #585858
    p
      text-align center
      font-size 12px
      color #d1d1d1

  .section2
    width 100%
    padding-bottom 20px
    overflow hidden
    .title
      margin 74px 0 58px
  .section3
    width 100%
    background-color #f5f5f5
    overflow hidden
    .title
      margin 70px 0 40px
    .more
      display block
      width 175px
      height 41px
      line-height 41px
      color #ffffff
      background-color #fd7400
      text-align center
      font-size 16px
      margin 20px auto 55px
      position relative
      &:hover
        &:before
          height 33px
        &:after
          width 167px
      &:before
        content ''
        display block
        box-sizing border-box
        width 167px
        height 0
        border-left 1px solid #ffffff
        border-right 1px solid #ffffff
        -webkit-transition: height .4s
        -moz-transition: height .4s
        -ms-transition: height .4s
        -o-transition: height .4s
        transition: height .4s
        position absolute
        top 4px
        left 4px
      &:after
        content ''
        display block
        box-sizing border-box
        width 0
        height 33px
        border-top 1px solid #ffffff
        border-bottom 1px solid #ffffff
        -webkit-transition: width .4s
        -moz-transition: width .4s
        -ms-transition: width .4s
        -o-transition: width .4s
        transition: width .4s
        position absolute
        top 4px
        left 4px
  .section4
    .wrap
      overflow hidden
    .title
      margin 74px 0 60px
    .newslist
      li
        display none
      .ac
        display block
      a
        display block
        width 375px
        float left
        margin-right 37.5px
        &:nth-child(3)
          margin-right 0
      .pic
        width 100%
        height 238px
        overflow hidden
        &:hover
          img
            -webkit-transform: scale(1.2)
            -moz-transform: scale(1.2)
            -ms-transform: scale(1.2)
            -o-transform: scale(1.2)
            transform: scale(1.2)
      img
        display block
        width 100%
        min-height 238px
        -webkit-transition: all .4s
        -moz-transition: all .4s
        -ms-transition: all .4s
        -o-transition: all .4s
        transition: all .4s
      h2
        font-size 16px
        color #333333
        margin-bottom 14px
        @extend .text-overflow
        margin-top 29px
      p
        font-size 12px
        line-height 22px
        color #999999
      .more
        position relative
        width 96px
        height 36px
        border 1px solid #999999
        text-align center
        line-height 34px
        -webkit-border-radius: 18px
        -moz-border-radius: 18px
        border-radius: 18px
        font-size 12px
        color #000000
        margin 15px 0 60px
        overflow hidden
        -webkit-transition: color .5s
        -moz-transition: color .5s
        -ms-transition: color .5s
        -o-transition: color .5s
        transition: color .5s
        &:hover
          color #ffffff
          &:before
            left 0
        &:before
          content ''
          display block
          width 100%
          height 100%
          background-color #fd7400
          position absolute
          left -100%
          top 0
          z-index -1
          -webkit-transition: left .5s
          -moz-transition: left .5s
          -ms-transition: left .5s
          -o-transition: left .5s
          transition: left .5s


  .section5
    overflow hidden
    background-color #f7f7f7
    .title
      margin 55px 0 40px
    .list
      overflow hidden
      margin-bottom 70px
      a
        display block
        width 160px
        height 88px
        position relative
        margin-right 48px
        float left
        margin-bottom 20px
        &:nth-child(6n)
          margin-right 0
        &:hover
          .color
            width 100%
          .gray
            -webkit-transform: scale(0)
            -moz-transform: scale(0)
            -ms-transform: scale(0)
            -o-transform: scale(0)
            transform: scale(0)
      img
        display block
      .gray
        width 100%
        -webkit-transition: all .4s
        -moz-transition: all .4s
        -ms-transition: all .4s
        -o-transition: all .4s
        transition: all .4s
      .color
        position absolute
        top 50%
        left 50%
        -webkit-transform: translate(-50%,-50%)
        -moz-transform: translate(-50%,-50%)
        -ms-transform: translate(-50%,-50%)
        -o-transform: translate(-50%,-50%)
        transform: translate(-50%,-50%)
        width 0
        -webkit-transition: all .4s
        -moz-transition: all .4s
        -ms-transition: all .4s
        -o-transition: all .4s
        transition: all .4s
.index-section2-item
  width 1400px
  margin 0 auto
  position relative
  .slide
    position relative
    left 0
    padding 20px 0
    float left
  .list
    width 1200px
    overflow hidden
    margin 0 auto
    padding 0 10px
    a
      display block
      float left
      width 382px
      margin-right 27px
      -webkit-box-shadow: 0 0 40px rgba(216,216,216,.9)
      -moz-box-shadow: 0 0 40px rgba(216,216,216,.9)
      box-shadow: 0 0 40px rgba(216,216,216,.9)
      &:last-child
        margin-right 0
      &:hover
        .pic
          img
            -webkit-transform: scale(1.2)
            -moz-transform: scale(1.2)
            -ms-transform: scale(1.2)
            -o-transform: scale(1.2)
            transform: scale(1.2)
    .pic
      width 100%
      height 370px
      overflow hidden
      img
        display block
        width 100%
        min-height 370px
        -webkit-transition: all .6s
        -moz-transition: all .6s
        -ms-transition: all .6s
        -o-transition: all .6s
        transition: all .6s
    .info
      overflow hidden
      padding 0 20px
      margin 35px 0 25px
      .left
        width 170px
        float left
        @extend .text-overflow
        font-size 24px
        font-weight bold
        color #333333
      .right
        float right
        width 110px
        font-size 16px
        color #999999
    .tabs
      span
        display inline-block
        height 17px
        border 1px solid #999999
        padding 0 10px
        font-size 12px
        color #999999
        line-height 15px
        -webkit-border-radius: 8.5px
        -moz-border-radius: 8.5px
        border-radius: 8.5px
        margin 0 20px
    .money
      text-align right
      padding-right 20px
      font-size 14px
      color #666666
      margin 14px 0
      span
        font-size 20px
        font-weight bold
        color #fe8925
    progress
      display block
      width 338px
      height 12px
      margin 0 auto
      -webkit-appearance: none
      background-color #e6e6e6
      -webkit-border-radius: 6px
      -moz-border-radius: 6px
      border-radius: 6px
    ::-ms-fill
      background:#fd7a0b
      -webkit-border-radius: 6px
      -moz-border-radius: 6px
      border-radius: 6px
    ::-moz-progress-bar
      background:#e6e6e6
      -webkit-border-radius: 6px
      -moz-border-radius: 6px
      border-radius: 6px
    ::-webkit-progress-bar
      background:#e6e6e6
      -webkit-border-radius: 6px
      -moz-border-radius: 6px
      border-radius: 6px
    ::-webkit-progress-value
      background:#fd7a0b
      -webkit-border-radius: 6px
      -moz-border-radius: 6px
      border-radius: 6px
    .add
      overflow hidden
      font-size 14px
      color #666666
      padding 0 20px
      margin 28px 0 30px
      span:nth-child(1)
        float left
      span:nth-child(2)
        float right


  .leftbtn,.rightbtn
    width 65px
    height 65px
    cursor pointer
    -webkit-border-radius: 50%
    -moz-border-radius: 50%
    border-radius: 50%
    position absolute
    top 50%
    -webkit-transform: translateY(-50%)
    -moz-transform: translateY(-50%)
    -ms-transform: translateY(-50%)
    -o-transform: translateY(-50%)
    transform: translateY(-50%)
  .leftbtn
    background url("../images/index-s2-btn1.png") center no-repeat
    background-size cover
    left -35px
  .rightbtn
    background url("../images/index-s2-btn2.png") center no-repeat
    background-size cover
    right -35px
.index-section3-item
  position relative
  width 1200px
  .grid
    position relative
    margin 0 auto
  .grid-item
    display block
    width 575.5px
    position absolute
    overflow hidden
    margin-right 27px
    margin-bottom 14px
    &:nth-child(2n)
      margin-right 0
    &:hover
      img
        -webkit-transform: scale(1.2)
        -moz-transform: scale(1.2)
        -ms-transform: scale(1.2)
        -o-transform: scale(1.2)
        transform: scale(1.2)
      .words
        bottom 0
  img
    display block
    width 100%
    -webkit-transition: all .4s
    -moz-transition: all .4s
    -ms-transition: all .4s
    -o-transition: all .4s
    transition: all .4s
  .words
    position absolute
    width 100%
    height 100%
    background-color rgba(0,0,0,.35)
    color #ffffff
    padding 0 90px 0 50px
    overflow hidden
    bottom  -100%
    -webkit-transition: bottom .4s
    -moz-transition: bottom .4s
    -ms-transition: bottom .4s
    -o-transition: bottom .4s
    transition: bottom .4s
    left 0
  h3
    font-size 24px
    font-weight bold
    margin-top 34px
    margin-bottom 20px
  .des
    font-size 14px
    line-height 24px
    display: -webkit-box
    -webkit-box-orient: vertical
    -webkit-line-clamp: 2
    overflow: hidden
  .info
    position absolute
    width 310px
    font-size 14px
    left 50%
    line-height 25px
    bottom 15%
    text-align center
    -webkit-transform: translateX(-50%)
    -moz-transform: translateX(-50%)
    -ms-transform: translateX(-50%)
    -o-transform: translateX(-50%)
    transform: translateX(-50%)
    overflow hidden
    .left
      float left
    .right
      float right
    p:nth-child(2)
      font-size 16px
      font-weight bold


//登录注册
.pagelogin
  .bg
    width 100%
    background url("../images/pagelogin-bg_03.jpg") center no-repeat
    background-size cover
  .bottom
    width 100%
    height 130px
    line-height 130px
    background-color #ffffff
    text-align center
    font-size 14px
    color #999999
  .alert
    width 100%
    height 100%
    position fixed
    top 0
    left 0
    z-index 10
  .mask
    width 100%
    height 100%
    background-color rgba(0,0,0,.3)
  .box
    width 489px
    background-color #ffffff
    @extend .position-center
  .subnav
    width 100%
    height 61px
    border-bottom 1px solid #eaeaea
    span
      cursor pointer
      display block
      width 50%
      float left
      background-color #f5f5f5
      text-align center
      line-height 60px
      position relative
      font-size 16px
      color #676868
    .ac
      background none
      border-bottom none
      color #fd7400
      &:before
        content ''
        display block
        width 100%
        height 4px
        background-color #fd7400
        position absolute
        left 0
        top 0
  form
    width 310px
    margin 55px auto 65px
    display none
  .acform
    display block
  input
    font-size 14px
    color #333333
    &::-webkit-input-placeholder
      color #cccccc
    &:-moz-placeholder
      color #cccccc
    &::-moz-placeholder
      color #cccccc
    &:-ms-input-placeholder
      color #cccccc
  .user,.password
    display block
    width 100%
    height 38px
    border 1px solid #dddddd
    position relative
    margin-top 24px
    input
      display block
      width 100%
      height 100%
      border none
      background none
      padding-left 57px
  .user
    &:before
      content ''
      display block
      width 17px
      height 21px
      background url("../images/user-icon_03.png") center no-repeat
      background-size cover
      position absolute
      left 19px
      top 8px
  .password
    &:before
      content ''
      display block
      width 17px
      height 17px
      background url("../images/password-icon_06.png") center no-repeat
      background-size cover
      position absolute
      left 19px
      top 9px
  .agree
    overflow hidden
    margin 50px 0 25px
    .left
      float left
      font-size 12px
      line-height 18px
      color #333333
      input
        margin-right 8px
      a
        color #007eff
    .right
      float right
      a
        font-size 14px
        color #666666
  input[type='submit']
    display block
    width 100%
    height 40px
    line-height 40px
    background-color #fd7400
    text-align center
    color #f6f6f6
    font-size 18px
    border none
    -webkit-border-radius: 2px
    -moz-border-radius: 2px
    border-radius: 2px
  .err
    @extend .position-center
    background-color rgba(0,0,0,.8)
    color #ffffff
    font-size 14px
    -webkit-border-radius: 6px
    -moz-border-radius: 6px
    border-radius: 6px
    height 40px
    line-height 40px
    padding 0 15px
    display none
//关于我们
.about-us
  .main
    width 100%
    background-color #f6f6f6
    .left
      float left
      width 160px
      height 809px
      margin-top -39px
      background url("../images/about-left-bg_03.jpg") center no-repeat
      background-size cover
      position relative
      z-index 2
      overflow hidden
      .link
        margin-top 228px
        overflow hidden
        padding 0 20px
      a
        display block
        height 29px
        line-height 29px
        width 76px
        text-align center
        font-size 14px
        margin-top 18px
        color #ffffff
      .ac
        background-color #ef8326
    .right
      float right
      margin-top 24px
      width 993px
      min-height 990px
      background-color #ffffff
      padding 40px 65px 130px 55px
      overflow hidden
      .title
        font-size 20px
        font-weight bold
        color #333333
        line-height 24px
        padding-left 19px
        padding-bottom 35px
        border-bottom 1px solid #eaeaea
        position relative
        &:before
          content ''
          display block
          width 3px
          height 24px
          background-color #fb9136
          position absolute
          top 0
          left 0
      .content
        font-size 14px
        color #666666
        line-height 36px
        margin-top 50px
  //问题反馈
  .feedback
    .err
      @extend .position-center
      background-color rgba(0,0,0,.6)
      color #ffffff
      font-size 14px
      padding 0 15px
      -webkit-border-radius: 6px
      -moz-border-radius: 6px
      border-radius: 6px
      display none
      height 40px
      line-height 40px
    form
      position relative
    h3
      font-size 16px
      color #333333
      margin 35px 0 25px
      span
        font-size 14px
        color #f21e1e
    .type
      overflow hidden
      li
        float left
        margin-right 40px
        span
          float left
          font-size 14px
          margin-left 10px
          color #666
      .radio
        float left
        width 16px
        height 16px
        -webkit-border-radius: 50%
        -moz-border-radius: 50%
        border-radius: 50%
        border 1px solid #ccc
        position relative
        input
          display block
          width 100%
          height 100%
          opacity 0
          position absolute
          left 0
          top 0
      .ac
        .radio
          border 1px solid #fd7400
          &:before
            content ''
            display block
            background-color #fd7400
            width 8px
            height 8px
            -webkit-border-radius: 50%
            -moz-border-radius: 50%
            border-radius: 50%
            @extend .position-center
    textarea
      display block
      width 100%
      resize none
      border 1px solid #ccc
      padding 10px 20px
    input[type='text']
      display block
      width: 300px
      height: 40px
      background: none
      border: 1px solid #ccc
    input[type='submit']
      display block
      font-size 16px
      width 120px
      height 40px
      line-height 40px
      text-align center
      background-color #fd7400
      color #ffffff
      border none
      margin-top 30px
      cursor pointer
      -webkit-border-radius: 6px
      -moz-border-radius: 6px
      border-radius: 6px
  //联系我们
  .contact
    h3
      font-size 16px
      color #333333
      margin 20px 0 10px
    .top
      overflow hidden
      .codes
        float left
        .code
          float left
          text-align center
        img
          display block
          width 120px
          margin-bottom 10px
        p
          text-align center
          font-size 14px
          color #666666
      .des
        float left
        margin-left 100px
        margin-top 4px
        p
          font-size 14px
          color #333
          line-height 26px
    #map
      width 100%
      height 400px
      margin-top 30px
//项目详情
.details
  background-color #f6f6f6
  overflow hidden
  .wrap
    overflow hidden
    margin-top 60px
  .fl
    float left
  .fr
    float right
  .top
    background-color #ffffff
    padding 25px 20px 25px 25px
    //overflow hidden
    .pic
      width 790px
      height 406px
      float left
      overflow hidden
      &:hover
        img
          -webkit-transform: scale(1.2)
          -moz-transform: scale(1.2)
          -ms-transform: scale(1.2)
          -o-transform: scale(1.2)
          transform: scale(1.2)
      img
        display block
        width 100%
        min-height 406px
        -webkit-transition: all .4s
        -moz-transition: all .4s
        -ms-transition: all .4s
        -o-transition: all .4s
        transition: all .4s
    .info
      width 340px
      float right
      overflow hidden
      h2
        font-size 30px
        color #323232
        line-height 40px
        margin-top 20px
      .p1
        overflow hidden
        margin-top 25px
        .fl
          font-size 14px
          color #6c6c6c
        .fr
          a
            display block
            float left
            height 20px
            line-height 18px
            color #f78e24
            font-size 14px
            -webkit-border-radius: 10px
            -moz-border-radius: 10px
            border-radius: 10px
            padding 0 12px
            border 1px solid #f78e24
            margin-left 15px
      .money
        font-size 24px
        color #323232
        margin 25px 0 21px
        span
          font-size 36px
      progress
        progress
        display block
        width 338px
        height 12px
        margin 0 auto
        -webkit-appearance: none
        background-color #e6e6e6
        -webkit-border-radius: 6px
        -moz-border-radius: 6px
        border-radius: 6px
      ::-ms-fill
        background:#fd7a0b
        -webkit-border-radius: 6px
        -moz-border-radius: 6px
        border-radius: 6px
      ::-moz-progress-bar
        background:#e6e6e6
        -webkit-border-radius: 6px
        -moz-border-radius: 6px
        border-radius: 6px
      ::-webkit-progress-bar
        background:#e6e6e6
        -webkit-border-radius: 6px
        -moz-border-radius: 6px
        border-radius: 6px
      ::-webkit-progress-value
        background:#fd7a0b
        -webkit-border-radius: 6px
        -moz-border-radius: 6px
        border-radius: 6px
      .p2
        overflow hidden
        margin-top 20px
        .fl
          font-size 14px
          font-weight bold
          color #fd7400
        .fr
          font-size 14px
          color #6c6c6c
      .p3
        font-size 14px
        line-height 30px
        color #6c6c6c
        margin-top 20px
        span
          color #fe0000
      .rt
        display block
        width 171px
        height 39px
        background-color #f78e24
        text-align center
        line-height 39px
        color #ffffff
        -webkit-border-radius: 4px
        -moz-border-radius: 4px
        border-radius: 4px
        margin 30px auto 0
        position relative
        &:hover
          &:before
            width 164px
          &:after
            height 32px
        &:before
          content ''
          display block
          width 0
          height 31px
          position absolute
          top 4px
          left 4px
          border-top 1px solid #ffffff
          border-bottom 1px solid #ffffff
          -webkit-transition: width .4s
          -moz-transition: width .4s
          -ms-transition: width .4s
          -o-transition: width .4s
          transition: width .4s
        &:after
          content ''
          display block
          width 163px
          height 0
          position absolute
          top 4px
          left 4px
          border-left 1px solid #ffffff
          border-right 1px solid #ffffff
          -webkit-transition: height .4s
          -moz-transition: height .4s
          -ms-transition: height .4s
          -o-transition: height .4s
          transition: height .4s
  .bottom
    overflow hidden
    margin-top 33px
    .left
      width 800px
      background-color #ffffff
      overflow hidden
      padding 22px 30px
      .subnav
        height 42px
        border-bottom 1px solid #e5e5e5
        span
          display block
          float left
          height 42px
          line-height 39px
          font-size 14px
          color #333333
          padding 0 32px
          cursor pointer
          border-top 3px solid transparent
        .ac
          border-top 3px solid #fd7400
          color #fd7400
          border-left 1px solid #e5e5e5
          border-right 1px solid #e5e5e5
          background-color #ffffff
      .content
        margin-top 65px
        li
          display none
          img
            display block
            width 100%
        .show
          display block
    .right
      width 380px
      .title
        padding 0 18px
        height 64px
        line-height 63px
        border-bottom 1px solid #e5e5e5
        position relative
        font-size 18px
        color #666666
        margin-bottom 23px
      .more
        text-align center
        font-size 14px
        color #3398ff
        margin-top 15px
        .icon
          display inline-block
          width 12px
          height 12px
          background url("../images/jt.png")  no-repeat
          background-position 0 0
          margin-left 10px
      .acmore
        .icon
          background-position 0 -12px
      .item1
        background-color #ffffff
        padding-bottom 12px
        p
          font-size 14px
          padding 0 15px 0 20px
          color #999999
          line-height 24px
        img
            float left
            margin-right 19px
      .item2
        background-color #ffffff
        margin-top 25px
        padding-bottom 12px
        p
          font-size 14px
          line-height 24px
          color #999999
          padding 0 15px 0 20px

//新闻详情
.newsdetails
  width 100%
  padding-bottom 55px
  background-color #f6f6f6
  .wrap
    overflow hidden
  .guide
    width 100%
    height 50px
    background-color #ffffff
    padding 0 30px
    line-height 50px
    font-size 14px
    margin 25px 0 18px
    color #999999
    a
      color #323232
  .main
    overflow hidden
    .left
      width 872px
      background-color #ffffff
      overflow hidden
      float left
      padding 0 40px
      .title
        font-size 18px
        font-weight bold
        color #333333
        text-align center
        line-height 34px
        margin 45px 0 18px
      .time
        text-align center
        font-size 14px
        color #999999
        line-height 16px
        span
          position relative
          &:before
            content ''
            display block
            width 16px
            height 16px
            background url("../images/time-icon_03.png") center no-repeat
            background-size cover
            position absolute
            top 0
            left -35px

      .content
        font-size 14px
        color #666666
        line-height 36px
        margin-top 35px
        padding-bottom 65px
        border-bottom 1px solid #dcdcdc
      .link
        margin-top 15px
        margin-bottom 25px
        a
          display block
          font-size 14px
          color #333333
          line-height 40px

    .aside
      width 318px
      float right
      a
        display block
        width 100%
        padding 17px 13px 22px
        background-color #ffffff
        margin-bottom 24px
      .pic
        width 100%
        overflow hidden
        &:hover
          img
            -webkit-transform: scale(1.2)
            -moz-transform: scale(1.2)
            -ms-transform: scale(1.2)
            -o-transform: scale(1.2)
            transform: scale(1.2)
        img
          display block
          width 100%
          -webkit-transition: all .4s
          -moz-transition: all .4s
          -ms-transition: all .4s
          -o-transition: all .4s
          transition: all .4s
      h3
        font-size 18px
        color #333333
        margin 20px 0
        @extend .text-overflow
      p
        font-size 14px
        color #999999
        line-height 24px
        display: -webkit-box
        -webkit-box-orient: vertical
        -webkit-line-clamp: 2
        overflow: hidden


//新闻中心
.newscenter
  width 100%
  overflow hidden
  padding-bottom 75px
  background-color #f6f6f6
  .wrap
    overflow hidden
  .guide
    overflow hidden
    margin 58px 0 39px
    .left
      float left
      padding-left 58px
      position relative
      &:before
        content ''
        display block
        width 17px
        height 17px
        background url("../images/fl-icon_03.png") center no-repeat
        background-size cover
        position absolute
        top 50%
        left 17px
        -webkit-transform: translateY(-50%)
        -moz-transform: translateY(-50%)
        -ms-transform: translateY(-50%)
        -o-transform: translateY(-50%)
        transform: translateY(-50%)
      a
        display inline-block
        height 25px
        line-height 25px
        padding 0 12px
        -webkit-border-radius: 6px
        -moz-border-radius: 6px
        border-radius: 6px
        font-size 14px
        color #323232
      .ac
        background-color #fd7400
        color #ffffff
    .right
      font-size 14px
      color #999999
      float right
      line-height 25px
      a
        color #666666
  .list
    li
      overflow hidden
      padding 17px 50px 17px 20px
      position relative
      border-bottom 1px solid #f6f6f6
      background-color #ffffff
      .pic
        display block
        width 400px
        height 188px
        float left
        overflow hidden
        &:hover
          img
            -webkit-transform: scale(1.2)
            -moz-transform: scale(1.2)
            -ms-transform: scale(1.2)
            -o-transform: scale(1.2)
            transform: scale(1.2)
        img
          display block
          width 100%
          min-height 188px
          -webkit-transition: all .6s
          -moz-transition: all .6s
          -ms-transition: all .6s
          -o-transition: all .6s
          transition: all .6s
      .words
        display block
        width 695px
        float right
        overflow hidden
        h2
          overflow hidden
          margin 35px 0 30px
          .s1
            display inline-block
            width 70%
            font-size 18px
            color #333333
            font-weight bold
            @extend .text-overflow
          .s2
            float right
            font-size 14px
            color #999999
        p
          width 525px
          font-size 14px
          color #999999
          line-height 24px
          display: -webkit-box
          -webkit-box-orient: vertical
          -webkit-line-clamp: 2
          overflow: hidden
        .more
          width 90px
          height 33px
          overflow hidden
          text-align center
          line-height 31px
          font-size 12px
          color #b2b2b2
          position absolute
          right 50px
          border 1px solid #e6e6e6
          bottom 29px
          &:hover
            &:before
              bottom 0
          &:before
            content '更多'
            display block
            width 100%
            height 31px
            line-height 31px
            color #ffffff
            background-color #fd7400
            position absolute
            bottom -100%
            left 0
            -webkit-transition: all .3s
            -moz-transition: all .3s
            -ms-transition: all .3s
            -o-transition: all .3s
            transition: all .3s
//分页
#pages
  text-align center
  margin-top 50px
  a,span
    display inline-block
    height 36px
    min-width 37px
    background-color #ffffff
    margin 0 3px
    border 1px solid #dedede
    text-align center
    line-height 34px
    font-size 12px
    color #333333
    padding 0 18px
  span
    color #ffffff
    background-color #fb9136
    border none
//项目中心和搜索结果
.project-center
  width 100%
  padding-bottom 50px
  overflow hidden
  background-color #f6f6f6
  .wrap
    //overflow hidden
  .guide
    //overflow hidden
    height 65px
    margin-top 40px
    padding 0 25px 0 17px
    background-color #ffffff
    .left
      float left
      margin-top 20px
      .p1
        padding-left 50px
        font-size 14px
        color #323232
        position relative
        &:before
          content ''
          display block
          width 17px
          height 17px
          background url("../images/fl-icon_03.png") center no-repeat
          background-size cover
          position absolute
          top 50%
          left 17px
          -webkit-transform: translateY(-50%)
          -moz-transform: translateY(-50%)
          -ms-transform: translateY(-50%)
          -o-transform: translateY(-50%)
          transform: translateY(-50%)
        span
          margin-right 20px
        a
          display inline-block
          height 25px
          line-height 25px
          padding 0 12px
          -webkit-border-radius: 6px
          -moz-border-radius: 6px
          border-radius: 6px
          font-size 14px
          color #323232
        .ac
          background-color #fd7400
          color #ffffff

      .right
        float right
    .right
      float right
      font-size 14px
      color #323232
      line-height 19px
      position relative
      padding-left 30px
      padding-right 22px
      margin-top 20px
      &:before
        content ''
        display block
        width 16px
        height 19px
        background url("../images/status-icon_03.png") center no-repeat
        background-size cover
        position absolute
        left 0
        top 50%
        -webkit-transform: translateY(-50%)
        -moz-transform: translateY(-50%)
        -ms-transform: translateY(-50%)
        -o-transform: translateY(-50%)
        transform: translateY(-50%)

      &:after
        content ''
        display block
        width 10px
        height 6px
        background url("../images/x-jt2_03.png") center no-repeat
        background-size cover
        position absolute
        right 0
        top 50%
        -webkit-transform: translateY(-50%)
        -moz-transform: translateY(-50%)
        -ms-transform: translateY(-50%)
        -o-transform: translateY(-50%)
        transform: translateY(-50%)
        -webkit-transition: all .5s
        -moz-transition: all .5s
        -ms-transition: all .5s
        -o-transition: all .5s
        transition: all .5s
      .hide
        display none
        position absolute
        width 100%
        padding 20px 0
        top 30px
        background-color #ffffff
        -webkit-box-shadow: 0 0 8px 2px rgba(0,0,0,.3)
        -moz-box-shadow: 0 0 8px 2px rgba(0,0,0,.3)
        box-shadow: 0 0 8px 2px rgba(0,0,0,.3)
        z-index 3
        a
          display block
          font-size 14px
          color #323232
          text-align center
          line-height 30px
        .ac
          color #fd7400
      span
        position relative
    .acright
      &:after
        -webkit-transform: rotate(180deg)
        -moz-transform: rotate(180deg)
        -ms-transform: rotate(180deg)
        -o-transform: rotate(180deg)
        transform: rotate(180deg)
  .p2
    height 55px
    line-height 55px
    padding-left 55px
    font-size 14px
    color #323232
    margin-bottom 10px
    background-color #fafafa
    span
      font-weight bold
      color #fd7400
  .list
    width 100%
    //overflow hidden
    a
      display block
      float left
      width 382px
      margin-right 27px
      margin-top 35px
      -webkit-box-shadow: 0 0 40px rgba(216,216,216,.9)
      -moz-box-shadow: 0 0 40px rgba(216,216,216,.9)
      box-shadow: 0 0 40px rgba(216,216,216,.9)
      &:nth-child(3n)
        margin-right 0
      &:hover
        .pic
          img
            -webkit-transform: scale(1.2)
            -moz-transform: scale(1.2)
            -ms-transform: scale(1.2)
            -o-transform: scale(1.2)
            transform: scale(1.2)
    .pic
      width 100%
      height 370px
      overflow hidden
      img
        display block
        width 100%
        min-height 370px
        -webkit-transition: all .6s
        -moz-transition: all .6s
        -ms-transition: all .6s
        -o-transition: all .6s
        transition: all .6s
    .info
      overflow hidden
      padding 0 20px
      margin 35px 0 25px
      .left
        width 170px
        float left
        @extend .text-overflow
        font-size 24px
        font-weight bold
        color #333333
      .right
        float right
        width 110px
        font-size 16px
        color #999999
    .tabs
      span
        display inline-block
        height 17px
        border 1px solid #999999
        padding 0 10px
        font-size 12px
        color #999999
        line-height 15px
        -webkit-border-radius: 8.5px
        -moz-border-radius: 8.5px
        border-radius: 8.5px
        margin 0 20px
    .money
      text-align right
      padding-right 20px
      font-size 14px
      color #666666
      margin 14px 0
      span
        font-size 20px
        font-weight bold
        color #fe8925
    progress
      display block
      width 338px
      height 12px
      margin 0 auto
      -webkit-appearance: none
      background-color #e6e6e6
      -webkit-border-radius: 6px
      -moz-border-radius: 6px
      border-radius: 6px
    ::-ms-fill
      background:#fd7a0b
      -webkit-border-radius: 6px
      -moz-border-radius: 6px
      border-radius: 6px
    ::-moz-progress-bar
      background:#e6e6e6
      -webkit-border-radius: 6px
      -moz-border-radius: 6px
      border-radius: 6px
    ::-webkit-progress-bar
      background:#e6e6e6
      -webkit-border-radius: 6px
      -moz-border-radius: 6px
      border-radius: 6px
    ::-webkit-progress-value
      background:#fd7a0b
      -webkit-border-radius: 6px
      -moz-border-radius: 6px
      border-radius: 6px
    .add
      overflow hidden
      font-size 14px
      color #666666
      padding 0 20px
      margin 28px 0 30px
      span:nth-child(1)
        float left
      span:nth-child(2)
        float right
//个人中心
.member
  width 100%
  background-color #f4f4f4
  padding-bottom 58px
  padding-top 36px
  .wrap
    //overflow hidden
  .aside
    width 209px
    float left
    .item1
      background-color #ffffff
      -webkit-border-radius: 2px
      -moz-border-radius: 2px
      border-radius: 2px
      //overflow hidden
      padding-top 35px
      padding-bottom 17px
      margin-bottom 13px
      .userhead
        width 97px
        height 97px
        border 6px solid #ffffff
        margin 0 auto
        -webkit-border-radius: 50%
        -moz-border-radius: 50%
        border-radius: 50%
        -webkit-box-shadow: 0 6px 10px -3px rgba(0, 0, 0, .3)
        -moz-box-shadow: 0 6px 10px -3px rgba(0, 0, 0, .3)    
        box-shadow: 0 6px 10px -3px rgba(0, 0, 0, .3)    
      .username
        width 97px
        @extend .text-overflow
        font-size 18px
        font-weight bold
        color #505254
        margin 23px auto
      .icons
        text-align center
        font-size 0
        .i-item
          display inline-block
          position relative
          margin 0 12px
          &:hover
            .hide
              display block
          .icon
            width 30px
            height 30px
          &:nth-child(1)
            .icon
              background url("../images/member-aside-icon_03.png") center no-repeat
              background-size cover
          &:nth-child(2)
            .icon
              background url("../images/member-aside-icon_05.png") center no-repeat
              background-size cover
          &:nth-child(3)
            .icon
              background url("../images/member-aside-icon_07.png") center no-repeat
              background-size cover
          .hide
            display none
            position absolute
            width 219px
            background-color #ffffff
            border 1px solid #d8dce5
            text-align center
            line-height 40px
            font-size 12px
            color #5e5e5e
            top 34px
            left 50%
            -webkit-transform: translateX(-50%)
            -moz-transform: translateX(-50%)
            -ms-transform: translateX(-50%)
            -o-transform: translateX(-50%)
            transform: translateX(-50%)
            a
              color #5b9fe2
            &:before
              content ''
              display block
              width 9px
              height 6px
              background url("../images/member-aside-dbx_03.png") center no-repeat
              background-size cover
              position absolute
              left 50%
              -webkit-transform: translateX(-50%)
              -moz-transform: translateX(-50%)
              -ms-transform: translateX(-50%)
              -o-transform: translateX(-50%)
              transform: translateX(-50%)
              top -5px
    .item2
      width 100%
      background-color #ffffff
      border 1px solid #e5e5e5
      a
        display block
        line-height 56px
        text-align center
        font-size 14px
        color #505254
        &:hover
          color #ffffff
          background-color #fd7400
          .iconfont
            color #ffffff
        span
          margin-right 49px
        .iconfont
          font-size 12px
          color #b5b5b5
      .ac
        background-color #fd7400
        color #ffffff
        .iconfont
          color #ffffff
  //个人首页
  .page
    width 965px
    float right
    .top
      width 100%
      background-color #ffffff
      overflow hidden
      .p1
        height 55px
        line-height 54px
        border-bottom 1px solid #f4f4f4
        padding-left 40px
        -webkit-border-radius: 2px
        -moz-border-radius: 2px
        border-radius: 2px
      .p2
        width 100%
        height 130px
        padding-left 85px
        .left
          float left
          height 60px
          padding-right 90px
          margin-top 38px
          text-align center
          margin-right 65px
          border-right 1px dashed #e8e8e8
          .money
            font-size 30px
            font-weight bold
            color #474e5d
          p
            font-size 14px
            color #999999
            margin-top 20px
        .right
          float left
          font-size 0
          margin-top 53px
          a
            display inline-block
            height 28px
            line-height 28px
            padding 0 19px
            font-size 14px
            color #5e5e5e
            -webkit-border-radius: 2px
            -moz-border-radius: 2px
            border-radius: 2px
          .cz
            background-color #fd7400
            color #ffffff


    .bottom
      min-height 548px
      margin-top 15px
      -webkit-border-radius: 2px
      -moz-border-radius: 2px
      border-radius: 2px
      padding-bottom 50px
      background-color #ffffff
      .head
        width 100%
        height 54px
        line-height 54px
        -webkit-border-radius: 2px
        -moz-border-radius: 2px
        border-radius: 2px
        background-color #ffffff
        padding 0 64px 0 40px
        border-bottom 1px solid #f4f4f4
        .fl
          float left
          font-size 14px
          line-height 54px
          color #666666
        .fr
          float right
          line-height 54px
          font-size 12px
          color #666666
          input
            width 120px
            height 30px
            -webkit-border-radius: 2px
            -moz-border-radius: 2px
            border-radius: 2px
            padding 0 10px
            background none
            margin 0 13px
            border 1px solid #dcdcdc
          span
            display inline-block
            width 60px
            height 30px
            background-color #aaaaaa
            text-align center
            line-height 30px
            font-size 14px
            color #ffffff
            -webkit-border-radius: 2px
            -moz-border-radius: 2px
            border-radius: 2px

      table
        width 926px
        border 1px solid #eeeeee
        margin 17px auto 0
        -webkit-border-top-left-radius 6px
        border-top-left-radius 6px
        -webkit-border-top-right-radius 6px
        border-top-right-radius 6px
        border-collapse separate
        th,td
          height 52px
          line-height 52px
          text-align center
          font-size 14px
          color #5a5c5b
        th
          background-color #f5f5f5
          position relative
          &:first-child
            span
              position relative
              &:before,&:after
                content ''
                display block
                position absolute
                right -19px
                top 50%
                width 9px
                height 5px
                -webkit-transform: translateY(-50%)
                -moz-transform: translateY(-50%)
                -ms-transform: translateY(-50%)
                -o-transform: translateY(-50%)
                transform: translateY(-50%)
              &:before
                background url("../images/sj_06.png") center no-repeat
                background-size cover
                margin-top 4px
              &:after
                background url("../images/sj_03.png") center no-repeat
                background-size cover
                margin-top -4px
          select
            width 95px
            height 26px
            -webkit-border-radius: 10px
            -moz-border-radius: 10px
            border-radius: 10px
            border 1px solid #e5e5e5
            margin-left 10px
  //项目管理
  .management
    width 965px
    float right
    background-color #ffffff
    .head
      height 55px
      padding 0 64px 0 30px
      border-bottom 1px solid #f4f4f4
      .fl
        float left
        font-size 0
        a
          display inline-block
          height 54px
          line-height 52px
          border-bottom 2px solid transparent
          font-size 14px
          color #666666
          padding 0 12px
          margin-right 36px
        .ac
          color #fd7400
          border-bottom 2px solid #fd7400
      .fr
        float right
        width 211px
        height 30px
        margin-top 12px
        border 1px solid #dcdcdc
        font-size 0
        -webkit-border-radius: 3px
        -moz-border-radius: 3px
        border-radius: 3px
        input[type='text']
          height 100%
          width 150px
          padding 0 12px
          border none
          background none
        input[type='submit']
          width 59px
          height 100%
          background-color #aaaaaa
          text-align center
          color #ffffff
          font-size 14px
          border none
          -webkit-border-radius: 3px
          -moz-border-radius: 3px
          border-radius: 3px
    .bottom
      min-height 548px
      padding-bottom 50px
    table
      width 926px
      border 1px solid #eeeeee
      margin 17px auto 0
      -webkit-border-top-left-radius 6px
      border-top-left-radius 6px
      -webkit-border-top-right-radius 6px
      border-top-right-radius 6px
      border-collapse separate
      th,td
        width 20%
        height 52px
        line-height 52px
        text-align center
        font-size 14px
        color #5a5c5b
      th
        background-color #f5f5f5
        position relative
  //消息通知
  .notification
    width 965px
    float right
    background-color #ffffff
    .head
      height 55px
      padding 0 64px 0 30px
      border-bottom 1px solid #f4f4f4
      a
        display inline-block
        height 54px
        line-height 52px
        border-bottom 2px solid transparent
        font-size 14px
        color #666666
        padding 0 12px
        margin-right 36px
      .ac
        color #fd7400
        border-bottom 2px solid #fd7400
    .bottom
      min-height 548px
      padding-bottom 50px
      li
        padding 30px 70px 30px 29px
        overflow hidden
        border-bottom 1px solid #f4f4f4
      .pic
        display block
        width 307px
        height 144px
        float left
        overflow hidden
        img
          display block
          width 100%
          min-height 144px
      .words
        display block
        width 520px
        height 144px
        overflow hidden
        float right
        position relative
        h3
          @extend .text-overflow
          font-size 18px
          color #333333
          margin-top 15px
          font-weight bold
          margin-bottom 20px
        p
          font-size 14px
          line-height 24px
          color #999999
          display: -webkit-box
          -webkit-box-orient: vertical
          -webkit-line-clamp: 2
          overflow: hidden
        .time
          position absolute
          padding-left 25px
          font-size 14px
          line-height 16px
          color #999999
          left 0
          bottom 0
          &:before
            content ''
            display block
            width 16px
            height 16px
            background url("../images/time-icon_03.png") center no-repeat
            background-size cover
            position absolute
            left 0
            top 0
  //账户设置
  .setting
    width 965px
    float right
    background-color #ffffff
    .head
      height 55px
      padding 0 64px 0 30px
      border-bottom 1px solid #f4f4f4
      .fl
        float left
        font-size 0
        a
          display inline-block
          height 54px
          line-height 52px
          border-bottom 2px solid transparent
          font-size 14px
          color #666666
          padding 0 12px
          margin-right 36px
        .ac
          color #fd7400
          border-bottom 2px solid #fd7400
      .fr
        float right
        margin-top 14px
        input
          width 66px
          height 28px
          font-size 14px
          background-color #fd7400
          color #ffffff
          border none
          -webkit-border-radius: 2px
          -moz-border-radius: 2px
          border-radius: 2px
    .middle
      padding 0 30px 85px
      border-bottom 1px solid #f4f4f4
      overflow hidden
      .left
        float left
        margin-top 90px
        .userhead
          width 146px
          height 146px
          -webkit-border-radius: 50%
          -moz-border-radius: 50%
          border-radius: 50%
          overflow hidden
          margin-bottom 24px
          span
            display block
            width 100%
            height 100%
            -webkit-border-radius: 50%
            -moz-border-radius: 50%
            border-radius: 50%
            background-color rgba(0,0,0,.28)
            text-align center
            line-height 146px
            color #ffffff
            font-size 16px
            overflow hidden
            position relative
            input
              display block
              position absolute
              width 100%
              height 100%
              opacity 0
              top 0
              left 0
        .username
          text-align center
          font-size 16px
          color #333333
          a
            font-size 14px
            color #d36f16
            margin-left 15px
      .right
        float left
        margin-top 73px
        margin-left 83px
        h3
          font-size 16px
          color #333333
          margin-bottom 15px
        li
          overflow hidden
          margin-top 30px
          &:nth-child(1),&:nth-child(4)
            a
              color #d36f16
              margin-left 7px
          &:nth-child(2)
            .info
              span
                position relative
                color #007eff
                &:after
                  content ''
                  display block
                  width 13px
                  height 13px
                  background url("../images/gth-icon_03.png") center no-repeat
                  background-size cover
                  position absolute
                  top 4px
                  right -33px
        .tip
          float left
          width 50px
          text-align right
          position relative
          font-size 14px
          color #bebdbf
        .info
          float left
          margin-left 30px
          font-size 14px
          color #4f4944
          line-height 16px
          input
            display none
            width: 120px
            height: 30px
            border: 1px solid #ccc
        .sex
          float left
          padding-left 23px
          margin-right 5px
          position relative
          &:before
            content ''
            box-sizing border-box
            display block
            width 14px
            height 14px
            -webkit-border-radius: 50%
            -moz-border-radius: 50%
            border-radius: 50%
            border 1px solid #bfbfbf
            position absolute
            left 0
            top 0
        .sex.ac
          &:before
            border 3px solid #fd7400
    .bottom
      padding 0 23px
      min-height 326px
      overflow hidden
      padding-bottom 50px
      h3
        font-size 16px
        padding 0 6px
        color #333333
        margin 29px 0 24px
      table
        width 100%
        border-bottom 1px solid #e2e8f7
        border-left 1px solid #e2e8f7
        th
          height 50px
          line-height 50px
          background-color #f5f5f5
          border-top 1px solid #eeeeee
          font-size 14px
          color #5a5c5b
          &:nth-child(1)
            border-top-left-radius 6px
            border-left 1px solid #eeeeee
          &:nth-child(6)
            border-right 1px solid #eeeeee
        td
          text-align center
          height 46px
          line-height 46px
          background-color #fbfcfe
          font-size 14px
          color #5a5c5b
          border-top 1px solid #e2e8f7
          border-right 1px solid #e2e8f7
        button
          background none
          border none
        button.bj
          color #029ad9
        button.sc
          color #ff8600
    .alert
      width 100%
      height 100%
      position fixed
      top 0
      left 0
      z-index 10
      display none
      .mask
        width 100%
        height 100%
        background-color rgba(0,0,0,.8)
      .box
        width 495px
        background-color #ffffff
        @extend .position-center
        -webkit-border-radius: 6px
        -moz-border-radius: 6px
        border-radius: 6px
      .headline
        width 100%
        height 55px
        padding 0 30px
        border-bottom 1px solid #eaeaea
        .fl
          float left
          line-height 54px
          font-size 12px
          color #333333
        .fr
          display block
          float right
          width 14px
          margin-top 20px
          height 14px
          background url("../images/close-icon.png") center no-repeat
          background-size cover
      .add
        width 300px
        float left
        height 300px
        background-color #eeeeee
        margin 30px 14px 0 30px
        overflow hidden
        position relative
        .icon
          width 32px
          height 32px
          background url("../images/add-icon.png") center no-repeat
          background-size cover
          margin 94px auto 12px
        p
          font-size 14px
          line-height 24px
          color #bbbbbb
          text-align center
        input
          display block
          width 100%
          height 100%
          position absolute
          top 0
          left 0
          opacity 0
      .show
        float left
        margin-top 30px
        .pic
          width 120px
          height 120px
          -webkit-border-radius: 50%
          -moz-border-radius: 50%
          border-radius: 50%
          img
            display block
            width 100%
            min-height 120px
            -webkit-border-radius: 50%
            -moz-border-radius: 50%
            border-radius: 50%
        p
          font-size 14px
          color #bbbbbb
          text-align center
          line-height 34px
      .btns
        text-align center
        font-size 0
        margin-top 30px
        height 97px
        border-top 1px solid #eaeaea
        line-height 96px
        input
          width 120px
          height 36px
          font-size 12px
          color #666666
          margin 0 10px
          -webkit-border-radius: 4px
          -moz-border-radius: 4px
          border-radius: 4px
          border none
        input[type='submit']
          background-color #fd7400
          color #ffffff
        input[type='reset']
          background none
          border 1px solid #bbbbbb
    .edit
      padding 0 30px
      display none
      overflow hidden
      position relative
      .editerr
        @extend .position-center
        height 40px
        line-height 40px
        padding 0 20px
        background-color rgba(0,0,0,.8)
        font-size 14px
        color #ffffff
        display none
        -webkit-border-radius: 4px
        -moz-border-radius: 4px
        border-radius: 4px
      h3
        line-height 55px
        font-size 16px
        color #333333
        border-bottom 1px solid #cbcbcb
      .item
        width 100%
        float left
        margin-top 30px
      .label
        float: left
        width: 140px
        text-align: right
        font-size: 16px
        color: #666
        i
          color red
          margin-right 5px
      .input
        width: 240px
        float: left
        //height: 40px
        input[type='text'],textarea
          display block
          width 100%
          height 40px
        textarea
          height 80px
          resize none
      input[type='submit']
        width: 120px
        height: 36px
        border: none
        color: #fff
        margin-left 140px
        border-radius: 4px
        margin-top 40px
        background-color: #fd7400
        margin-bottom 200px
  //安全中心
  .security
    width 965px
    float right
    background-color #ffffff
    .head
      height 55px
      padding 0 64px 0 30px
      margin-bottom 20px
      border-bottom 1px solid #f4f4f4
      .fl
        float left
        font-size 0
        a
          display inline-block
          height 54px
          line-height 52px
          border-bottom 2px solid transparent
          font-size 14px
          color #666666
          padding 0 12px
          margin-right 36px
        .ac
          color #fd7400
          border-bottom 2px solid #fd7400
      .fr
        float right
        margin-top 14px
        input
          width 66px
          height 28px
          font-size 14px
          background-color #fd7400
          color #ffffff
          border none
          -webkit-border-radius: 2px
          -moz-border-radius: 2px
          border-radius: 2px
    .block
      width 100%
      overflow hidden
      padding 0 29px 55px
      border-bottom 1px solid #f4f4f4
    .item
      width 100%
      float left
      margin-top 35px
    .tip
      float left
      text-align right
      width 60px
      font-size 14px
      line-height 24px
      color #bebdbf
    .info
      width 385px
      float left
      margin 0 157px 0 24px
      font-size 14px
      color #666666
      line-height 24px
    .btn
      display block
      float left
      width 120px
      margin-top 5px
      height 36px
      line-height 36px
      background-color #fd7400
      text-align center
      color #ffffff
      font-size 14px
      -webkit-border-radius: 2px
      -moz-border-radius: 2px
      border-radius: 2px
    .pb130
      padding-bottom 130px
      border-bottom none
    .alert
      display none
      width 100%
      height 100%
      position fixed
      top 0
      left 0
      z-index 10
      .mask
        width 100%
        height 100%
        background-color rgba(0,0,0,.3)
      .box
        width 490px
        background-color #ffffff
        @extend .position-center
      h2
        width 100%
        height 59px
        background-color #fd7400
        text-align center
        font-size 18px
        color #ffffff
        line-height 59px
        margin-bottom 33px
      form
        overflow hidden
      .password
        width 312px
        height 38px
        border 1px solid #dddddd
        position relative
        margin 24px auto 0
        &:before
          content ''
          display block
          width 17px
          height 17px
          background url("../images/password-icon_06.png") center no-repeat
          background-size cover
          position absolute
          left 19px
          top 9px
        input
          display block
          width 100%
          height 100%
          border none
          background none
          padding-left 57px
          font-size 14px
          color #333333
          &::-webkit-input-placeholder
            color #CCCCCC
          &:-moz-placeholder
            color #CCCCCC
          &::-moz-placeholder
            color #CCCCCC
          &:-ms-input-placeholder
            color #CCCCCC
      input[type='submit']
        display block
        width 312px
        margin 50px auto 70px
        height 40px
        line-height 40px
        text-align center
        background-color #fd7400
        font-size 18px
        color #ffffff
        border none
        -webkit-border-radius: 4px
        -moz-border-radius: 4px
        border-radius: 4px
      .err
        @extend .position-center
        height 40px
        line-height 40px
        -webkit-border-radius: 6px
        -moz-border-radius: 6px
        border-radius: 6px
        padding 0 20px
        background-color rgba(0,0,0,.8)
        font-size 14px
        color #ffffff
        display none
//充值
.recharge
  width 100%
  background-color #f6f6f6
  overflow hidden
  .wrap
    overflow hidden
    margin-top 40px
    min-height 620px
    margin-bottom 50px
    background-color #ffffff
    -webkit-border-radius: 10px
    -moz-border-radius: 10px
    border-radius: 10px
    padding 0 50px
  .subnav
    width 100%
    height 96px
    border-bottom 1px solid #c0c0c0
    span
      display block
      width 50%
      float left
      height 95px
      line-height 93px
      font-size 16px
      color #333333
      text-align center
      position relative
    .ac
      color #fd7400
      &:after
        content ''
        display block
        width 180px
        height 2px
        background-color #fd7400
        position absolute
        bottom 0
        left 50%
        -webkit-transform: translateX(-50%)
        -moz-transform: translateX(-50%)
        -ms-transform: translateX(-50%)
        -o-transform: translateX(-50%)
        transform: translateX(-50%)

  form
    width 500px
    margin 40px auto 0
  li
    display none
  .showli
    display block
  h3
    font-size 18px
    color #333333
    .color
      color #fd7400
  .label,label
    display inline-block
    text-align right
    width 150px
    margin-right 20px
  .money
    margin-top 30px
    font-size 14px
    margin-bottom 40px
    input
      width 320px
      height: 40px
      border: 1px solid #dbdbdb
  .err
    font-size 12px
    color: #db2929
    margin: -30px 0 20px
    display none
  input[type='submit']
    width 320px
    height: 40px
    background-color: #fd7400
    line-height: 40px
    text-align: center
    color: #fff
    border none
    cursor pointer
//提现
.forward
  width 100%
  background-color #f6f6f6
  overflow hidden
  .wrap
    overflow hidden
    margin-top 40px
    min-height 620px
    margin-bottom 50px
    background-color #ffffff
    -webkit-border-radius: 10px
    -moz-border-radius: 10px
    border-radius: 10px
    padding 0 50px
  .subnav
    width 100%
    font-size 16px
    color #333333
    height 56px
    line-height 55px
    border-bottom 1px solid #c0c0c0

  form
    width 500px
    margin 40px auto 0
  .label,label
    display inline-block
    text-align right
    width 150px
    margin-right 20px
  .password
    margin-top 30px
    font-size 14px
    margin-bottom 40px
    input
      width 320px
      height: 40px
      padding 0 20px
      border: 1px solid #dbdbdb
  .err
    font-size 12px
    color: #db2929
    margin: -30px 0 20px
    display none
  input[type='submit']
    width 320px
    height: 40px
    background-color: #fd7400
    line-height: 40px
    text-align: center
    color: #fff
    border none
    cursor pointer

